<script lang="ts">
export default {
  name: "LayContainer"
}
</script>

<script setup lang="ts">
import { computed, defineProps } from 'vue'
import "./index.less"

export interface LayContainerProps {
  fluid?: boolean
}

const props = withDefaults(defineProps<LayContainerProps>(), {
  fluid: false
});

const classes = computed(() => props.fluid ? 'layui-fluid' : 'layui-container')
</script>

<template>
  <div :class="classes">
    <slot />
  </div>
</template>